# 设置页 - 面板窗口外观 ![image.png](https://cdn.nlark.com/yuque/0/2021/png/272392/1616827488721-ca492913-cb5f-46f5-8078-14dd5912ac9c.png#crop=0&crop=0&crop=1&crop=1&height=586&id=m3Wl8&margin=%5Bobject%20Object%5D&name=image.png&originHeight=1625&originWidth=1494&originalType=binary&ratio=1&rotation=0&showTitle=false&size=156915&status=done&style=none&title=&width=539) 💡 更改面板尺寸后,面板窗口周围可能出现深灰色无法去除的背景,此时重启Quicker即可。
💡 在颜色选择框上右键可以从屏幕选色。 # 自定义外观 ## 对象层次 主面板界面由多层显示元素叠加而成。透过顶部层级的透明部分,可以看到下面的层级。 | 顶部 | 文字/工具栏图标 | | --- | --- | | | 按钮/空白按钮/工具栏/ | | | 背景颜色 | | | 背景图片 | | 底部 | Windows桌面或其他窗口 | 通过在每层颜色中保留透明度,可以让下一层的对象显示出一部分。 ## 元素大小 ![image.png](https://cdn.nlark.com/yuque/0/2019/png/272392/1568202675823-0e38e65f-4943-4fd0-a10b-95702fc793cb.png#crop=0&crop=0&crop=1&crop=1&height=213&id=btXVD&margin=%5Bobject%20Object%5D&name=image.png&originHeight=425&originWidth=1413&originalType=binary&ratio=1&rotation=0&showTitle=false&size=98441&status=done&style=none&title=&width=706.5) ## 颜色 下图指示了颜色设置的对应关系。
![image.png](https://cdn.nlark.com/yuque/0/2019/png/272392/1568202977967-9c72ff38-c765-4a61-8903-393d15935367.png#crop=0&crop=0&crop=1&crop=1&height=467&id=nNX4t&margin=%5Bobject%20Object%5D&name=image.png&originHeight=934&originWidth=1018&originalType=binary&ratio=1&rotation=0&showTitle=false&size=169840&status=done&style=none&title=&width=509) 每种颜色可以设置不透明度A,使得下面层次的颜色可以透过来和当前层颜色混合。
![image.png](https://cdn.nlark.com/yuque/0/2019/png/272392/1568203118644-944b59ba-a0ee-4c2f-a153-7650ca0b73e4.png#crop=0&crop=0&crop=1&crop=1&height=249&id=FvgrR&margin=%5Bobject%20Object%5D&name=image.png&originHeight=497&originWidth=516&originalType=binary&ratio=1&rotation=0&showTitle=false&size=42184&status=done&style=none&title=&width=258) A=0 表示完全透明,此时此颜色完全不生效,下面的内容会完全透出。 A=255时,表示完全不透明,下面的颜色完全不可见。 ## 背景图片 ![image.png](https://cdn.nlark.com/yuque/0/2019/png/272392/1568203535805-6504f1f1-ffad-41c9-b614-f4b4f2bde828.png#crop=0&crop=0&crop=1&crop=1&height=294&id=S9hLK&margin=%5Bobject%20Object%5D&name=image.png&originHeight=588&originWidth=1276&originalType=binary&ratio=1&rotation=0&showTitle=false&size=549449&status=done&style=none&title=&width=638)
注意:只有在上层所有的元素颜色都没有将不透明度设置为255的时候,背景图才可见。
点击“选择...”可以选择本地图片文件。建议使用类似于手机壁纸规格的图片。
点击“X”可以清除图片。
点击“上传”可以将图片上传到服务器。上传到服务器的图片可以在其他电脑同步后使用。 - 只能上传1000KB以下的图片jpg或png文件。 - 为节约服务器资源,每个人上传的图片数量有限制,请节约使用。 - 请勿上传非法或不合适的图片。 - 每个人上传的图片在获得网址的情况下都可以公开访问,请勿上传隐私图片。 ## 字体 ![image.png](https://cdn.nlark.com/yuque/0/2019/png/272392/1568203998817-6bc61685-9a5a-4804-aff3-b292284a63da.png#crop=0&crop=0&crop=1&crop=1&height=256&id=ydws7&margin=%5Bobject%20Object%5D&name=image.png&originHeight=511&originWidth=1193&originalType=binary&ratio=1&rotation=0&showTitle=false&size=484423&status=done&style=none&title=&width=596.5) 可以设置2个字体,当需要对英文和中文分别设置字体的时候,在字体1里选择英文字体,在字体2里选择中文字体。
如果只需要1个字体,则随意设置一个就好。
都为空,则使用系统默认字体。 字体大小:默认为14。 字体粗细:普通粗细为400,数字越小越细。很多字体仅支持一部分粗细设置,所以会有更改数字但是字体没变化的情况。 ## 模糊效果 是否启用模糊效果,可选“无”或“毛玻璃”。 ## 其他选项 **自动缩小动作名称文字**:当动作标题文字比较多时,自动缩小以尽量全部显示出来。
![image.png](https://cdn.nlark.com/yuque/0/2021/png/272392/1617072616342-f5cdad69-c32b-4fb4-9dd6-e8c0d8dfd246.png#crop=0&crop=0&crop=1&crop=1&height=183&id=sSlwU&margin=%5Bobject%20Object%5D&name=image.png&originHeight=272&originWidth=433&originalType=binary&ratio=1&rotation=0&showTitle=false&size=36721&status=done&style=none&title=&width=292) **鼠标悬浮在按钮上时,放大显示按钮**
![悬浮放大效果.gif](https://cdn.nlark.com/yuque/0/2019/gif/272392/1568204647600-23f77343-9955-4032-a4aa-a5fe6f085c17.gif#crop=0&crop=0&crop=1&crop=1&height=257&id=DA0x6&margin=%5Bobject%20Object%5D&name=%E6%82%AC%E6%B5%AE%E6%94%BE%E5%A4%A7%E6%95%88%E6%9E%9C.gif&originHeight=514&originWidth=1030&originalType=binary&ratio=1&rotation=0&showTitle=false&size=334599&status=done&style=none&title=&width=515) **设置图标后隐藏动作名称 **动作如果设置了图标,则自动隐藏文字。
![image.png](https://cdn.nlark.com/yuque/0/2019/png/272392/1568204709290-a236fb0e-325c-4de3-82ff-52593d8f3915.png#crop=0&crop=0&crop=1&crop=1&height=448&id=RDKNm&margin=%5Bobject%20Object%5D&name=image.png&originHeight=895&originWidth=463&originalType=binary&ratio=1&rotation=0&showTitle=false&size=535452&status=done&style=none&title=&width=231.5) **动作图标显示阴影**:动作图标是否显示阴影效果。
![显示阴影.gif](https://cdn.nlark.com/yuque/0/2019/gif/272392/1568205055571-a9f9e055-73c7-4b84-8409-49f40cb9105d.gif#crop=0&crop=0&crop=1&crop=1&height=286&id=g9OqQ&margin=%5Bobject%20Object%5D&name=%E6%98%BE%E7%A4%BA%E9%98%B4%E5%BD%B1.gif&originHeight=514&originWidth=1030&originalType=binary&ratio=1&rotation=0&showTitle=false&size=169043&status=done&style=none&title=&width=573) ## 外观设置Tips - 尽量使用简单的图片,避免太乱影响动作的辨识。 - 可以通过设置背景颜色的颜色值和不透明度,为背景图片叠加一层遮罩效果,降低背景图的对比度,改善动作的辨识度。 # 下载和分享外观 💡 分享和下载外观为专业版功能。 ## 下载外观 网址:[https://getquicker.net/Skins](https://getquicker.net/Skins) 点击外观预览图,在打开的窗口中点击“发送”,或“带尺寸发送”即可。
![image.png](https://cdn.nlark.com/yuque/0/2021/png/272392/1635468324037-918d8b8b-ffa2-4498-9e9b-c86be645136b.png#clientId=u65a608f8-542d-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=548&id=ud12e8c76&margin=%5Bobject%20Object%5D&name=image.png&originHeight=1096&originWidth=1509&originalType=binary&ratio=1&rotation=0&showTitle=false&size=215645&status=done&style=none&taskId=u939177e2-b1c1-4098-b07e-18c352e1997&title=&width=754.5)
(1)发送:发送外观设置,但是不更改本地的按钮大小等尺寸设置。
(2)带尺寸发送:发送外观设置,并且使用外观中的按钮大小等尺寸设置。
(3)复制外观ID,用于在动作中通过“Quicker操作”模块自动下载外观(结合定时自动运行动作可以实现类似于夜晚模式的效果):
![6D@RLV7UN`O6R)AAI1FT1$B.png](https://cdn.nlark.com/yuque/0/2021/png/272392/1635468524696-2492766a-baf5-4e20-ac86-ad7e510e99d7.png#clientId=u65a608f8-542d-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=172&id=u24863b15&margin=%5Bobject%20Object%5D&name=6D%40RLV7UN%60O6R%29AAI1FT1%24B.png&originHeight=343&originWidth=746&originalType=binary&ratio=1&rotation=0&showTitle=false&size=20924&status=done&style=none&taskId=ue2e20bea-4598-40b0-93cd-a2e215a7d7c&title=&width=373)
(4)收藏外观。收藏后可通过网页的“收藏”按钮查看自己收藏的外观:
![image.png](https://cdn.nlark.com/yuque/0/2021/png/272392/1635468566063-73be793d-d47c-4415-a233-7d8c936a58e3.png#clientId=u65a608f8-542d-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=115&id=u8c67b1ca&margin=%5Bobject%20Object%5D&name=image.png&originHeight=230&originWidth=1723&originalType=binary&ratio=1&rotation=0&showTitle=false&size=41564&status=done&style=none&taskId=u67d4d936-8375-49e1-af68-e5c6a886e26&title=&width=861.5) 更新皮肤后如果窗口尺寸变化,面板窗口可能会显示一个奇怪的阴影区域。重启Quicker即可解决。 ## 分享或保存外观 1)如果有背景图,请确保背景图已经上传到服务器。
![image.png](https://cdn.nlark.com/yuque/0/2021/png/272392/1617071665443-0423d331-de0b-43a6-b05d-c7c773764fbb.png#crop=0&crop=0&crop=1&crop=1&height=95&id=ULK5r&margin=%5Bobject%20Object%5D&name=image.png&originHeight=190&originWidth=1027&originalType=binary&ratio=1&rotation=0&showTitle=false&size=27009&status=done&style=none&title=&width=513.5)
2)点击“分享或保存外观”按钮。
![image.png](https://cdn.nlark.com/yuque/0/2021/png/272392/1617071725571-b6670aac-bf5a-4741-96d6-b58fa5344775.png#crop=0&crop=0&crop=1&crop=1&height=209&id=rBaLb&margin=%5Bobject%20Object%5D&name=image.png&originHeight=439&originWidth=1322&originalType=binary&ratio=1&rotation=0&showTitle=false&size=53628&status=done&style=none&title=&width=629)
3)截图面板窗口预览图
弹出“分享或保存外观设置”窗口后,弹出面板,拖动到屏幕上合适的位置。然后点击“截取面板窗口”按钮。
![image.png](https://cdn.nlark.com/yuque/0/2021/png/272392/1617071877646-2096d101-59fb-4b66-a524-c6b820bec68d.png#crop=0&crop=0&crop=1&crop=1&height=423&id=bXARP&margin=%5Bobject%20Object%5D&name=image.png&originHeight=846&originWidth=1159&originalType=binary&ratio=1&rotation=0&showTitle=false&size=185148&status=done&style=none&title=&width=579.5) 4)填写信息
输入标题、说明、关键词,选择“公开分享”还是“自用保存”,然后点击“发送”即可。